<script type="text/javascript">
$( "#myform" ).validate({
	  rules: {
		"data[AddScreen][itemName]": {
		 	required: true
		 },
	  }
	});
$(".selectAreaName").select2({
    placeholder: "Selection...",
    
});
$(".selectPermission").select2({
    placeholder: "Selection...",
    
});
</script>
<div style = "width: 450px">	
	<div class="modal-header " align ="center" style = "color: green">
	    <h3>Label</h3>
 	 </div>
 	 <br>
	<?php echo $this->Form->create('AddScreen', array('class' => "form-horizontal", 'id' => 'myform'));?>
	  <div align ="center">
	  	<table>
	  		<tr>
	  			<td>Area Name</td>
	  			<td><?php echo $this->Form->select('areaName', array(), array('class' => 'selectAreaName')); ?> </td>
	  			<td></td>
	  		</tr>
	  		
	  		<tr>
	  			<td>Item Name(Vi)</td>
	  			<td><?php echo $this->Form->input('itemName', array('label' => false));?></td>
	  			<td></td>
	  		</tr>
	  		<tr>
	  			<td>Dynamic Value</td>
	  			<td><?php echo $this->Form->checkbox('dynamic', array('label' => false));?></td>
	  			<td></td>
	  		</tr>
	  		<tr>
	  			<td>Value</td>
	  			<td><?php echo $this->Form->input('value', array('label' => false));?></td>
	  			<td><?php echo $this->Form->checkbox('unclearValue', array('label' => false ));?>Unclear</td>
	  		</tr>
	  		<tr>
	  			<td>Font</td>
	  			<td><?php echo $this->Form->input('font', array('label' => false ));?></td>
	  			<td><?php echo $this->Form->checkbox('unclearFont', array('label' => false ));?>Unclear</td>
	  		</tr>
	  		<tr>
	  			<td>Color</td>
	  			<td><?php echo $this->Form->input('color', array('label' => false ));?></td>
	  			<td><?php echo $this->Form->checkbox('unclearColor', array('label' => false ))."Unclear";?></td>
	  		</tr>
	  		<tr>
	  			<td>Length</td>
	  			<td><?php echo $this->Form->input('length', array('label' => false , 'style' => 'width: 50px' ));?></td>
	  			<td><?php echo $this->Form->checkbox('unclearLength', array('label' => false  ))."Unclear";?></td>
	  		</tr>
	  		<tr>
	  			
	  			<td>Permission</td>
	  			<td><?php echo $this->Form->select('permission', array(), array('class' => 'selectPermission' )); ?></td>
	  			<td><?php echo $this->Form->checkbox('unclearPermission', array('label' => false ,))."Unclear";?></td>
	  		</tr>
	  	</table>
	  </div>
	  <div class="modal-footer" >
	     <div align = "center">
	     <button type="submit" class="btn btn-primary">Save</button>
	     </div> 
	  </div>
	  
	<?php echo $this->Form->end();?>
	
</div>














